<template>
    <div class="mapType" >
      <scSelect v-model="mapType" :placeholder="'底图'" :options="storage.state.mapTypes"  @change="mapChange" />
    </div>
  </template>
  
  <script lang="ts">
  import {
    defineComponent,
		ref
  } from "vue";
  import storage from '@/store'
  // 声明类型

  
  // 声明类型
  export default defineComponent({
    name:'mapType',
    components: {},
    setup() {
      //变量
      const mapType = ref(storage.state.mapType)
			const mapChange = (e) =>{
				storage.commit('changeMapType',e)
			}

      // return
      return {
        mapType,
				storage,
				mapChange
      };
    },
    
  });
  </script>
  
  <style lang="scss" scoped>
  @import "@/assets/scss/index.scss";
  
  </style>
  